<template>
    <view class="no-data">
        <view class="no-img">
            <image v-if="type=='contact'" :src="$imgUrl+'noData/bind.png'" mode="aspectFit"></image>
            <image v-if="type=='favorite'" :src="$imgUrl+'noData/content.png'" mode="aspectFit"></image>
        </view>
        <view class="no-text" v-if="noneTitle">{{noneTitle}}</view>
        <view class="no-text-s" v-if="noneText">{{noneText}}</view>
    </view>
</template>

<script>
export default {
    name: "no-data",
    props: {
        noneImg: String,
        noneText: String,
        noneTitle: String,
        type: String
    },
    data() {
        return {
            $imgUrl: this.$imgUrl,
        }
    },
}
</script>

<style lang="scss" scoped>
.no-data {
  background-color: #fff;
  padding: 150rpx 30rpx;
  text-align: center;
  height: calc(100vh - var(--window-top));
  // #ifdef H5
  height: calc(100vh - var(--window-top) - 1px);
  // #endif
}
.no-img {
  text-align: center;

  image {
    height: 260rpx;
  }
}
.no-text {
  margin-top: 66rpx;
  font-size: 30rpx;
  font-weight: bold;
  line-height: 36rpx;
  text-align: center;
  margin-bottom: 16rpx;
}
.no-text-s {
  font-size: 26rpx;
  color: #999999;
  line-height: 54rpx;
  navigator {
    display: inline-block;
    color: #3367ff;
    margin: 0 5rpx;
  }
}
</style>
